<template>
  <div class="container flex">
    <div class="py-8 px-20 flex justify-center items-center">
      <img src="@/assets/img/bubble.png" alt="" class="w-1/2" />
      <div class="w-1/2 p-8">
        <h1 class="text-3xl font-bold">RFQ No: Q0516023156</h1>
        <p class="text-gray-600 mt-8 ">Your RFQ has been successfuly submited, and our sales teamwill follow up and respond within 12 hours during working days;Details have been sent to your email address" lihao410138@gmail.com ".</p>
        <button type="button" class="text-white mt-8 p-2 bg-primary btn" @click="returnHome">Return Homepage</button>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { useRouter } from 'vue-router'

const router = useRouter()
const returnHome = () => {
  router.push('/')
}
</script>

<style scoped>

</style>